.about-row-top{
   padding: 100px !important;
}
.breadcrumb-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 104px 0 110px;
    position: relative;
    width:100%;
}
.breadcrumb-image::before {
    background: rgba(0, 0, 0, 0.80) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.breadcrumb-image h1 {
    color: #ffffff;
    font-size: 33px;
    font-weight: 600;
    line-height: 40px;
    position: relative;
    text-transform: uppercase;
}
.breadcrumbs_path {
    color: #fff;
    margin-top: 8px;
    position: relative;
    z-index: 9;
}
.breadcrumbs_path > a {
    color: #fff;
    transition: all 0.3s ease 0s;
}
.modal_top{
	padding-top: 20px;
}

/*#contact {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
*/
.section-header {
  text-align: center;
  margin: 0 auto;
  padding: 40px 0;
  font: 300 60px;
  color: #36383d;
  text-transform: uppercase;
  letter-spacing: 6px;
}

.contact-wrapper {
  /*display: flex;*/
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  max-width: 840px;
}

/* Left contact page */
.form-horizontal {
  /*float: left;*/
  max-width: 400px;
  font-family: 'Lato';
  font-weight: 400;
}

.form-control, 
textarea {
  max-width: 400px;
  background-color: #fff;
  color: #fff;
  letter-spacing: 1px;
}

.send-button {
  margin-top: 15px;
  height: 34px;
  width: 372px;
  overflow: hidden;
  transition: all .2s ease-in-out;
}

.alt-send-button {
  /*width: 400px;*/
  height: 23px;
  transition: all .2s ease-in-out;
}

.send-text {
  display: block;
  margin-top: 10px;
  font: 700 12px 'Lato', sans-serif;
  letter-spacing: 2px;
}

.alt-send-button:hover {
  transform: translate3d(0px, -29px, 0px);
}

/* Begin Right Contact Page */
.direct-contact-container {
  max-width: 400px;
}

/* Location, Phone, Email Section */
.contact-list {
  list-style-type: none;
  margin-left: 35px;
  padding-right: 20px;
}

.list-item {
  line-height: 4;
  color: #0b88df;
}

.contact-text {
  font: 300 18px 'Lato', sans-serif;
  letter-spacing: 1.9px;
  color: #bbb;
}

.place {
  margin-left: 25px;
}

.phone {
  margin-left: 25px;
}

.gmail {
  margin-left: 25px;
}

.contact-text a {
  color: #bbb;
  text-decoration: none;
  transition-duration: 0.2s;
}

.contact-text a:hover {
  color: #0b88df;
  text-decoration: none;
}


/* Social Media Icons */
.social-media-list {
  position: relative;
  font-size: 22px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.social-media-list li a {
  color: #fff;
}

.social-media-list li {
  position: relative; 
  display: inline-block;
  height: 60px;
  width: 60px;
  margin: 10px 3px;
  line-height: 60px;
  border-radius: 50%;
  color: #fff;
  background-color: rgb(11 136 223);
  cursor: pointer; 
  transition: all .2s ease-in-out;
}

.social-media-list li:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  opacity: 0;
  box-shadow: 0 0 0 1px #fff;
  transition: all .2s ease-in-out;
}

.social-media-list li:hover {
  background-color: #fff; 
  border: 1px solid #0b88df;
}

.social-media-list li:hover:after {
  opacity: 1;  
  transform: scale(1.12);
  transition-timing-function: cubic-bezier(0.37,0.74,0.15,1.65);
}

.social-media-list li:hover a {
  color: rgb(11 136 223);
}

.copyright {
  font: 200 14px 'Oswald', sans-serif;
  color: #555;
  letter-spacing: 1px;
  text-align: center;
}

/* Begin Media Queries*/
@media screen and (max-width: 850px) {
  .contact-wrapper {
    display: flex;
    flex-direction: column;
  }
  .direct-contact-container, .form-horizontal {
    margin: 0 auto;
  }  
  
  .direct-contact-container {
    margin-top: 60px;
    max-width: 300px;
  }    
  .social-media-list li {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }
  .social-media-list li:after {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}

@media screen and (max-width: 569px) {

  .direct-contact-container, .form-wrapper {
    float: none;
    margin: 0 auto;
  }  
  .form-control, textarea {
    
    margin: 0 auto;
  }
 
  
  .name, .email, textarea {
    width: 280px;
  } 
  
  .direct-contact-container {
    margin-top: 60px;
    max-width: 280px;
  }  
  .social-media-list {
    left: 0;
  }
  .social-media-list li {
    height: 55px;
    width: 55px;
    line-height: 55px;
    font-size: 2rem;
  }
  .social-media-list li:after {
    width: 55px;
    height: 55px;
    line-height: 55px;
  }
  
}

@media screen and (max-width: 410px) {
  .send-button {
    width: 99%;
  }
}
.icon-fas{
	font-size: 27px;
}
.grid-content {
    background: #f6f6f6;
    padding: 30px 15px;
    margin-top: -20px;
    box-shadow: 0 2px 4px #ddd;
    height: 370px;
}
.post-img {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
}
.ready-section {
    background-image: url(../../assets/img/ready-to-start.jpg);
}
.sub-section{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    background-attachment:fixed;
    width:100%;
    height:auto;
    position:relative
}
.sub-section:after{
    position:absolute;
    content:'';
    left:0;
    top:0;
    opacity:.9;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    width:100%;
    height:100%;
    z-index:0
}
.short-section-content{
    position:relative;
    z-index:2
}
.short-section-content h2{
    font-size:42px;
    font-weight:700;
    margin-bottom:20px
}
.short-content-text h3{
    font-size:30px;
    margin-bottom:20px;
    line-height:38px
}
.short-content-text h5{
    font-weight:400
}
.short-contact-section .main-btn{
    margin-top:25px
}
/*footer*/
.footer-top li,.footer-top p,.footer-top a{
    color:#ddd !important;
}
.footer-logo{
    display:block;
    margin-bottom:30px
}
.single-footer-text h3{
    text-transform:uppercase;
    font-size:20px;
    font-weight:700;
    color:#f9f9f9;
    margin-bottom:30px;
    letter-spacing:1px;
    border-bottom:1px solid rgba(255,255,255,.3);
    padding-bottom:15px
}
.social-list{
    margin-top:30px
}
.social-list li{
    display:inline-block;
    margin-right:5px
}
.social-list li a{
    font-size:26px;
    display:block;
    overflow:hidden;
    text-align:center;
    padding:5px
}
.social-list li:last-child{
    margin-right:0
}
.footer-contact li{
    margin-bottom:15px
}
.footer-contact li p{
    margin-bottom:0
}
.footer-contact li i{
    float:left;
    width:30px;
    height:30px;
    font-size:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:;
    -ms-flex-pack:;
    justify-content:;
    margin-right:5px
}
.footer-service-list li{
    display:block;
    position:relative;
    padding-left:15px;
    margin:12px 0
}
.footer-service-list li:before{
    position:absolute;
    left:0;
    top:0;
    content:"\f111";
    font-family:"Font Awesome\ 5 Free";
    font-weight:400;
    font-size:10px
}
.footer-subscribe{
    position:relative;
    margin-top:30px
}
.footer-subscribe input[type=email]{
    width:100%;
    border:1px solid #ddd;
    border-radius:3px;
    padding:10px;
    background:transparent;
    color:#f1f1f1
}
.footer-sub-btn{
    position:absolute;
    right:0;
    top:1px;
    background:rgba(255,255,255,.25);
    color:#f1f1f1;
    border:0 transparent;
    font-size:24px;
    padding:10px 15px;
    border-left:1px solid #ddd;
    cursor:pointer
}
.footer-sub-btn:hover{
    background:rgba(255,255,255,.5)
}
.footer-copyright{
    padding:30px 30px 10px;
    border-top:1px solid #555
}
.footer-copyright p a:hover{
    color:#f1f1f1;
    opacity:.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
.post-img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    opacity: .15;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width .3s cubic-bezier(.4,0,.2,1);
    transition: width .3s cubic-bezier(.4,0,.2,1);
    z-index: 1;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.blog-post-new{
	padding-bottom: 35px;
}
.single-banner{
    background:#f4f4f4;
    padding:80px 0
}
.bannerside-text h1{
    margin-bottom:20px
}
.banner-bredcrumb{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%
}
.banner-bredcrumb .bread-crumb li,.banner-bredcrumb .bread-crumb li a{
    font-weight:400
}
.banner-bredcrumb .bread-crumb li,.banner-bredcrumb .bread-crumb li a,.banner-bredcrumb .bread-crumb li i{
    color:#686868
}
.banner-bredcrumb .bread-crumb li:after{
    color:#686868
}
.link_side_bar h3{

    border-bottom: 1px solid #495057;
    margin: 0px 0px 30px 0px;
}
.single-sidebar{
    margin-bottom:50px;
    overflow:hidden
}
.single-sidebar:last-child{
    margin-bottom:0
}
.single-sidebar h3,.single-aside-bar h3{
    text-transform:uppercase;
    font-size:22px;
    margin-bottom:30px;
    font-weight:700;
    position:relative;
    background:#f4f4f4;
    padding:15px
}
.cat-list li{
    border:1px solid #ddd;
    margin-bottom:10px;
    padding:5px 10px;
    border-radius:3px
}
.cat-list li a{
    display:inline-block
}
/*service css*/
.serviceBox.blue {
    background: linear-gradient(to right,#02BAEC,#0771DE);
    margin-bottom: 25px;
}
.serviceBox.blue .service-icon {
    background: linear-gradient(to right,#02BAEC 50%,#0771DE 130%);
}
.serviceBox.blue .title {
    color: #0771DE;
    /*height: 50px;*/
}
.serviceBox{
    /*background: linear-gradient(to right,#fbdd13,#ff9901);
    font-family: 'Montserrat', sans-serif;*/
    text-align: center;
    padding: 5px 30px 25px;
    margin: 10px 0 0 0;
    border-radius: 0 30px;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);
    position: relative;
    z-index: 1;
}
.serviceBox:before{
    content: "";
    background: #fff;
    width: calc(100% - 10px);
    height: 100%;
    border-radius: 0 30px 0 30px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    position: absolute;
    top: -10px;
    left: 0;
    z-index: -1;
}
.serviceBox .service-icon{
    color: #fff;
    /*background: linear-gradient(to right,#fbdd13 50%,#ff9901 130%);*/
    font-size: 40px;
    width: 70%;
    padding: 8px 0 6px;
    margin: 0 0 35px -30px;
    border-radius: 0 50px 50px 0;
    box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.2) inset;
}
.serviceBox .title{
    color: #ff9901;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.serviceBox .title:after{
    content: '';
    background-color: #0668cb;
    height: 2px;
    width: 60%;
    margin: 5px auto 0;
    display: block;
    clear: both;
}
.serviceBox .description{
    color: #999;
    font-size: 13px;
    font-weight: 500;
    line-height: 23px;
    text-align: justify;
    margin: 0 0 25px;
}
.description{
    text-align: left;
}
.serviceBox .read-more{
    color: #999;
    font-size: 13px;
    transition: all 0.3s ease 0s;
}
.serviceBox .read-more i{ font-size: 11px; }
.serviceBox .read-more:hover{
    color: #ff9901;
    text-decoration: underline;
}
.serviceBox.green{ background: linear-gradient(to right,#ABED1A,#38AE3E); }
.serviceBox.green .service-icon{ background: linear-gradient(to right,#ABED1A 50%,#38AE3E 130%); }
.serviceBox.green .title{ color: #38AE3E; }
.serviceBox.green .title:after{ background-color: #38AE3E; }
.serviceBox.green .read-more:hover{ color: #38AE3E; }
@media only screen and (max-width:990px){
    .serviceBox{ margin: 10px 0 40px; }
}
.ul-li-left > li{
    text-align: left !important;
}
.ul-li-left{
    height: 300px;
}
/*about section new*/
.about{
	cursor: pointer;
	background-color: #ffffff;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 30px;
}
.about h1 {
	padding: 10px 0;
	margin-bottom: 20px;
}
.about h2 {
	opacity: .8;
	padding-top: 15px;
}
.about span {
	display: block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	margin:auto;
	border-radius:50%;  
	font-size: 40px;
	color: #FFFFFF;
	opacity: 0.7;
	background-color: #0083de;
    border: 2px solid #030095;
	webkit-transition:all .5s ease;
 	moz-transition:all .5s ease;
 	os-transition:all .5s ease;
 	transition:all .5s ease;

}
.about-item:hover span{
	opacity: 1;	
	border: 2px solid #0091ee;
	font-size: 42px;
	-webkit-transform: scale(1.1,1.1) rotate(360deg) ;
	-moz-transform: scale(1.1,1.1) rotate(360deg) ;
	-o-transform: scale(1.1,1.1) rotate(360deg) ;
	transform: scale(1.1,1.1) rotate(360deg) ;
}
.about-item:hover h2{
	opacity: 1;
	-webkit-transform: scale(1.1,1.1)  ;
	-moz-transform: scale(1.1,1.1)  ;
	-o-transform: scale(1.1,1.1)  ;
	transform: scale(1.1,1.1) ;
}
.about .lead{
	color: #6f6f6f;
	font-size: 14px;
	text-align: left;
	/*font-weight: bold;*/
}
.grid-content h3{
	height: 30px;
}
.grid-content p{
	height: 200px;
    margin-top: 50px;
    text-align: left;
}
.bottom-margin{
    margin-bottom: 60px;
}